const defaultTheme = require("tailwindcss/defaultTheme")

module.exports = {
  theme: {
    extend: {
      colors: {
        "regal-blue": "#243c5a",
        pink: {
          light: '#ff7ce5',
          DEFAULT: '#ff49db',
          dark: '#ff16d1',
        },
      },
      // 向tailwind注入我们预定的变量
      backgroundColor: {
        primary: "var(--bg-primary)",
        secondary: "var(--bg-secondary)",
        tertiary: "var(--color-primary)",
        "regal-blue": "#243c5a"
      },
      textColor: {
        primary: "var(--text-primary)",
        secondary: "var(--text-secondary)",
        tertiary: "var(--color-primary)",
        "regal-blue": "#243c5a",
        "red":"red"
      },
      screens: {
        'mobile': '640px',// => @media (min-width: 640px) { ... }
        'pad': '1024px',// => @media (min-width: 1024px) { ... }
        'pc': '1280px',// => @media (min-width: 1280px) { ... }
      },
      
    }
  }
}
